<template>
	<view class="content">

		<view class="content_item">
			<view class="content_top">
				<image class="" src="../../static/images/massageChair_contactCustom_bg.png" mode="widthFix"> </image>
				<view class="message_box">
					<view class="message1">关注智付物联公众号</view>
					<view class="message2">联系在线客服更方便</view>
				</view>
			</view>
			<view class="content_bottom">
				<view class="qrCodeBox">
					<image class="" src="../../static/images/massageChair_contactCustom_qrcode.png" mode="widthFix"> </image>
				</view>
				<view class="qrCodeTips">长按识别</view>

			</view>
		</view>

		 <kefuButton></kefuButton>




	</view>
</template>
<script>
import kefuButton from "@/components/kefuButton/index.vue";
export default {
	name: 'contactCustom',
	components: {kefuButton},
	created() {

	},
	data() {
		return {};
	},
	methods: {


	}
};
</script>
<style lang="scss">
page {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	background-color: #f1f2f6;
	min-height: 100%;
	height: auto;
}
.content {
	padding: 32rpx 24rpx;
	.content_item {
		width: 100%;
		background: #fff;
		box-shadow: 0rpx 0rpx 20rpx 0rpx #E2E4ED;
		border-radius: 24rpx;
		overflow: hidden;
		.content_top{
			width: 100%;
			position: relative;
			image{
				width: 100%;
				display: block;

			}
			.message_box{
				position: absolute;
				top: 30rpx;
				left: 30rpx;
				.message1{
					font-size: 36rpx;
					font-weight: 600;
					color: #FFFFFF;
				}
				.message2{
					margin-top: 8rpx;
					font-size: 26rpx;
					color: #FFFFFF;
				}

			}
		}
		.content_bottom{
			padding-top: 22rpx;
			padding-bottom: 40rpx;
			.qrCodeBox{
				width: 440rpx;
				height: 440rpx;
				margin: 0 auto;
			}
			.qrCodeTips{
				text-align: center;
				margin-top: 12rpx;
				font-size: 26rpx;
				font-weight: 400;
				color: #76839B;
			}
		}

	}

}
</style>
